<template>
  <div>
    <div class="item-info">
      <div
        :class="['single-item', item.flag ? 'active-item' : '']"
        v-for="(item, index) in singleItemList"
        :key="index"
      >
        <div>{{ item.name }}</div>
        <div class="item-logo">
          <img :src="item.logo" alt="" />
        </div>
      </div>
      <div class="single-item-info">
        <div class="info-line1">
          <div>{{ gameTitle }}</div>
          <div class="venue">{{ venueName }}</div>
        </div>
        <div class="info-line2">
          <div class="report-name">成绩公告</div>
          <div>{{ gameTime }}</div>
        </div>
      </div>
    </div>
    <div class="game-info">
      <el-col :span="3">
        <div>{{ tableData.column1 }}</div>
      </el-col>
      <el-col :span="9">
        <div class="game-a" style="color: rgba(0,0,0,0)">{{ tableData.column2 }}</div>
      </el-col>
      <el-col :span="3">
        <div class="game-vs">{{ tableData.column3 }}</div>
      </el-col>
      <el-col :span="9">
        <div class="game-b" style="color: rgba(0,0,0,0)">
          {{ tableData.column4 }}
        </div>
      </el-col>
    </div>
    <div class="game-table-data">
      <el-row :gutter="24">
        <el-col :span="3" class="col-style-1">
          <el-table :data="startList" style="width: 100%">
            <el-table-column
              prop="TableNo"
              label="台号"
              header-align="center"
              align="center"
            ></el-table-column>
          </el-table>
        </el-col>
        <el-col :span="9" class="col-style">
          <el-table :data="startList" style="width: 100%">
            <el-table-column label="姓名">
              <template slot-scope="scope">
                <div style="color:rgba(230,24,71,1)">
                  {{ scope.row['Name-A'] }}
                </div>
              </template>
            </el-table-column>
            <el-table-column prop="Team-A" label="单位" min-width="130%"> </el-table-column>
            <el-table-column
              prop="Score-A"
              label="积分"
              header-align="center"
              align="center"
            ></el-table-column>
          </el-table>
        </el-col>
        <el-col :span="3" class="col-style">
          <el-table :data="startList" style="width: 100%" header-align="center">
            <el-table-column prop="" header-align="center">
              <template slot="header" slot-scope="scope">
                <div class="game-vs-logo"></div>
              </template>
            </el-table-column>
          </el-table>
        </el-col>
        <el-col :span="9" class="col-style-2">
          <el-table :data="startList" style="width: 100%">
            <el-table-column label="姓名">
              <template slot-scope="scope">
                <div style="color:rgba(60,135,247,1)">
                  {{ scope.row['Name-B'] }}
                </div>
              </template>
            </el-table-column>
            <el-table-column prop="Team-B" label="单位" min-width="130%"> </el-table-column>
            <el-table-column
              prop="Score-B"
              label="积分"
              header-align="center"
              align="center"
            ></el-table-column>
          </el-table>
        </el-col>
      </el-row>
    </div>
  </div>
</template>
<script>
import { mapState } from 'vuex'
export default {
  created() {
    this.venueName = this.$route.query.venueName
    this.gameTime = this.$route.query.gameTime
    this.gameTitle = this.$route.query.gameTitle
  },
  props: {},
  data() {
    return {
      tableData: {
        column1: '对阵',
        column2: '-',
        column3: '当前成绩',
        column4: '-'
      },
      venueName: '',
      gameTime: '',
      gameTitle: '',
      startList: [
        {
          TableNo: '1',
          'Team-A': '四川    ',
          'Score-A': '[0] ',
          Result: ':',
          'Team-B': '重庆    ',
          'Score-B': '[0] ',
          'Name-A': ' 祁观 (1)   ',
          'Name-B': ' 王骞 (34)  '
        },
        {
          TableNo: '2',
          'Team-A': '黑龙江  ',
          'Score-A': '[0] ',
          Result: ':',
          'Team-B': '上海    ',
          'Score-B': '[0] ',
          'Name-A': ' 邹佳来 (35)',
          'Name-B': ' 朱建锋 (2) '
        },
        {
          TableNo: '3',
          'Team-A': '山东    ',
          'Score-A': '[0] ',
          Result: ':',
          'Team-B': '青岛    ',
          'Score-B': '[0] ',
          'Name-A': ' 杨彦希 (3) ',
          'Name-B': ' 王晗宇 (36)'
        },
        {
          TableNo: '4',
          'Team-A': '江苏    ',
          'Score-A': '[0] ',
          Result: ':',
          'Team-B': '广东    ',
          'Score-B': '[0] ',
          'Name-A': ' 唐世祺 (37)',
          'Name-B': ' 黄立勤 (4) '
        },
        {
          TableNo: '5',
          'Team-A': '湖北    ',
          'Score-A': '[0] ',
          Result: ':',
          'Team-B': '浙江    ',
          'Score-B': '[0] ',
          'Name-A': ' 曹冬 (5)   ',
          'Name-B': ' 陶俊吉 (38)'
        },
        {
          TableNo: '6',
          'Team-A': '甘肃    ',
          'Score-A': '[0] ',
          Result: ':',
          'Team-B': '湖北    ',
          'Score-B': '[0] ',
          'Name-A': ' 李刚 (39)  ',
          'Name-B': ' 梅凡 (6)   '
        },
        {
          TableNo: '7',
          'Team-A': '江苏    ',
          'Score-A': '[0] ',
          Result: ':',
          'Team-B': '江西    ',
          'Score-B': '[0] ',
          'Name-A': ' 张轶峰 (7) ',
          'Name-B': ' 周瑞磊 (40)'
        },
        {
          TableNo: '8',
          'Team-A': '金融体协',
          'Score-A': '[0] ',
          Result: ':',
          'Team-B': '江苏    ',
          'Score-B': '[0] ',
          'Name-A': ' 施贺昕 (41)',
          'Name-B': ' 陈靖 (8)   '
        },
        {
          TableNo: '9',
          'Team-A': '山东    ',
          'Score-A': '[0] ',
          Result: ':',
          'Team-B': '金融体协',
          'Score-B': '[0] ',
          'Name-A': ' 兰志仁 (9) ',
          'Name-B': ' 黄一峰 (42)'
        },
        {
          TableNo: '10',
          'Team-A': '重庆    ',
          'Score-A': '[0] ',
          Result: ':',
          'Team-B': '海南    ',
          'Score-B': '[0] ',
          'Name-A': ' 黄小平 (43)',
          'Name-B': ' 黄圣明 (10)'
        },
        {
          TableNo: '11',
          'Team-A': '上海    ',
          'Score-A': '[0] ',
          Result: ':',
          'Team-B': '安徽    ',
          'Score-B': '[0] ',
          'Name-A': ' 江齐文 (11)',
          'Name-B': ' 倪仲星 (44)'
        },
        {
          TableNo: '12',
          'Team-A': '福建    ',
          'Score-A': '[0] ',
          Result: ':',
          'Team-B': '山东    ',
          'Score-B': '[0] ',
          'Name-A': ' 吴侃 (45)  ',
          'Name-B': ' 刘洋 (12)  '
        },
        {
          TableNo: '13',
          'Team-A': '江苏    ',
          'Score-A': '[0] ',
          Result: ':',
          'Team-B': '青岛    ',
          'Score-B': '[0] ',
          'Name-A': ' 奚振扬 (13)',
          'Name-B': ' 王天羽 (46)'
        },
        {
          TableNo: '14',
          'Team-A': '金融体协',
          'Score-A': '[0] ',
          Result: ':',
          'Team-B': '上海    ',
          'Score-B': '[0] ',
          'Name-A': ' 周煜昕 (47)',
          'Name-B': ' 葛凌峰 (14)'
        },
        {
          TableNo: '15',
          'Team-A': '四川    ',
          'Score-A': '[0] ',
          Result: ':',
          'Team-B': '云南    ',
          'Score-B': '[0] ',
          'Name-A': ' 陈新 (15)  ',
          'Name-B': ' 胡龙 (48)  '
        },
        {
          TableNo: '16',
          'Team-A': '青岛    ',
          'Score-A': '[0] ',
          Result: ':',
          'Team-B': '湖北    ',
          'Score-B': '[0] ',
          'Name-A': ' 李泽凯 (50)',
          'Name-B': ' 殷立成 (16)'
        },
        {
          TableNo: '17',
          'Team-A': '浙江    ',
          'Score-A': '[0] ',
          Result: ':',
          'Team-B': '北京    ',
          'Score-B': '[0] ',
          'Name-A': ' 张纪国 (17)',
          'Name-B': ' 胡瑜 (51)  '
        },
        {
          TableNo: '18',
          'Team-A': '黑龙江  ',
          'Score-A': '[0] ',
          Result: ':',
          'Team-B': '广东    ',
          'Score-B': '[0] ',
          'Name-A': ' 李硕 (52)  ',
          'Name-B': ' 贺启发 (18)'
        },
        {
          TableNo: '19',
          'Team-A': '海南    ',
          'Score-A': '[0] ',
          Result: ':',
          'Team-B': '重庆    ',
          'Score-B': '[0] ',
          'Name-A': ' 芦海 (19)  ',
          'Name-B': ' 张延頔 (53)'
        },
        {
          TableNo: '20',
          'Team-A': '河南    ',
          'Score-A': '[0] ',
          Result: ':',
          'Team-B': '辽宁    ',
          'Score-B': '[0] ',
          'Name-A': ' 张文博 (54)',
          'Name-B': ' 艾显平 (20)'
        },
        {
          TableNo: '21',
          'Team-A': '河南    ',
          'Score-A': '[0] ',
          Result: ':',
          'Team-B': '湖北    ',
          'Score-B': '[0] ',
          'Name-A': ' 刘超 (21)  ',
          'Name-B': ' 詹力洋 (55)'
        },
        {
          TableNo: '22',
          'Team-A': '陕西    ',
          'Score-A': '[0] ',
          Result: ':',
          'Team-B': '辽宁    ',
          'Score-B': '[0] ',
          'Name-A': ' 岳永剑 (56)',
          'Name-B': ' 谭鑫麟 (22)'
        },
        {
          TableNo: '23',
          'Team-A': '内蒙古  ',
          'Score-A': '[0] ',
          Result: ':',
          'Team-B': '福建    ',
          'Score-B': '[0] ',
          'Name-A': ' 蒙杰焕 (23)',
          'Name-B': ' 姚兆贤 (57)'
        },
        {
          TableNo: '24',
          'Team-A': '北京    ',
          'Score-A': '[0] ',
          Result: ':',
          'Team-B': '上海    ',
          'Score-B': '[0] ',
          'Name-A': ' 杨听雨 (58)',
          'Name-B': ' 黄宇峰 (24)'
        },
        {
          TableNo: '25',
          'Team-A': '福建    ',
          'Score-A': '[0] ',
          Result: ':',
          'Team-B': '甘肃    ',
          'Score-B': '[0] ',
          'Name-A': ' 谢增忠 (25)',
          'Name-B': ' 杨树森 (59)'
        },
        {
          TableNo: '26',
          'Team-A': '江西    ',
          'Score-A': '[0] ',
          Result: ':',
          'Team-B': '浙江    ',
          'Score-B': '[0] ',
          'Name-A': ' 严佳俊 (60)',
          'Name-B': ' 谢维祥 (26)'
        },
        {
          TableNo: '27',
          'Team-A': '浙江    ',
          'Score-A': '[0] ',
          Result: ':',
          'Team-B': '河北    ',
          'Score-B': '[0] ',
          'Name-A': ' 樊星岑 (27)',
          'Name-B': ' 徐嘉琦 (61)'
        },
        {
          TableNo: '28',
          'Team-A': '河南    ',
          'Score-A': '[0] ',
          Result: ':',
          'Team-B': '江西    ',
          'Score-B': '[0] ',
          'Name-A': ' 夏盛 (63)  ',
          'Name-B': ' 洪士光 (28)'
        },
        {
          TableNo: '29',
          'Team-A': '广东    ',
          'Score-A': '[0] ',
          Result: ':',
          'Team-B': '河南    ',
          'Score-B': '[0] ',
          'Name-A': ' 朱凯 (29)  ',
          'Name-B': ' 黄健光 (64)'
        },
        {
          TableNo: '30',
          'Team-A': '金融体协',
          'Score-A': '[0] ',
          Result: ':',
          'Team-B': '陕西    ',
          'Score-B': '[0] ',
          'Name-A': ' 陈卓贤 (65)',
          'Name-B': ' 马宏洲 (30)'
        },
        {
          TableNo: '31',
          'Team-A': '广东    ',
          'Score-A': '[0] ',
          Result: ':',
          'Team-B': '宁波    ',
          'Score-B': '[0] ',
          'Name-A': ' 林奕忠 (31)',
          'Name-B': ' 陈骏 (66)  '
        },
        {
          TableNo: '32',
          'Team-A': '河北    ',
          'Score-A': '[0] ',
          Result: ':',
          'Team-B': '青海    ',
          'Score-B': '[0] ',
          'Name-A': ' 陈杰 (67)  ',
          'Name-B': ' 金东雷 (32)'
        },
        {
          TableNo: '33',
          'Team-A': '宁夏    ',
          'Score-A': '[0] ',
          Result: ':',
          'Team-B': '黑龙江  ',
          'Score-B': '[0] ',
          'Name-A': ' 焦中其 (33)',
          'Name-B': ' 王启超 (68)'
        },
        {
          TableNo: '34',
          'Team-A': '甘肃    ',
          'Score-A': '[0] ',
          Result: '1:0   ',
          'Team-B': null,
          'Score-B': null,
          'Name-A': ' 王兰成 (69)',
          'Name-B': 'BYE'
        }
      ],
      singleItemList: [
        {
          name: '五子棋',
          logo: require('../../assets/img/daily/GB.png'),
          flag: true
        }
      ]
    }
  },
  watch: {},
  computed: {},
  filters: {},
  components: {},
  methods: {}
}
</script>
<style scoped lang="scss">
@import '@/assets/scss/item.scss';
</style>
